
			
            <div>
             <ul class="breadcrumb">
          	<li><a href="<?php echo HOME; ?>"><i class="fa fa-home"></i> Home</a></li>
            <li><a href="<?php echo HOME ?>index.php?module=manage&act=truyen&opt=common&type=truyen">Truyện Chữ</a></li>
             <li><a href="<?php echo url(); ?>">Đăng Chương Truyện</a></li>
          </ul>

           
            <div class="user_profile">
				
				<div class="row" >
					<div class="col-md-12 ">
						<div id="contentIndex" class="col-md-12">
				
										
										<div role="dialog" id="modalAlertBox" class="modal fade" style="display: none;">
											<div class="modal-dialog modal-wide">
												<div class="modal-content">
													<div class="modal-header">
														<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
														<h4 class="modal-title"></h4>
													</div>
											        <div class="modal-body">
														
														<div style="clear:both"></div>
											        </div>
												</div><!-- /.modal-content -->
											</div>
										</div>
										
										<div id="wrapLoadMoreItems">
											<div class="normalLoadBtn" id="loadMoreItems"><img width="20" alt="loading" src="public/images/loading.gif"> Loading </div><br>
										</div>
										<div class="formLoading"></div>
										
									
									    
									    <div class="generalError" style="display: none;"></div>
									    <form  class="userPostForm" role="form" method="post" >
											
					
										  <table class="table table-bordered table-striped">

              <tbody>
                
                
                   <tr >
                  <td>Chọn Truyện</td>
                <td>
  
                
    <input type="hidden" name="optionvalue" id="truyen_id" class="input-xlarge" data-placeholder="Nhập Tên Truyện ..."   /> 
<script>
	$(document).ready(function(){ 
	$('#truyen_id').select2({ 
		width:400,
		minimumInputLength: 3,
			ajax: { 
			url: "index.php?module=ajax&act=truyen&opt=chuong_upload&upload_feed_truyen", 
			cache: false,
			dataType: 'json', 
					data: function (term, page){ 
						return {q: term }; 
						}, 
						results: function (data, page) {
							return { results: data }; 
						}
			}
	
	}); 
	
	
	
	
	}); 
	
			  $("#truyen_id").on("change", function(e) {   
						//Feed chuong
						var values='tid='+e.val;
						$.ajax({
							 url: "index.php?module=ajax&act=truyen&opt=chuong_upload&upload_feed_chuong_list",
							 type: "get",
							 data:values,
							 cache: false,
							success: function(data){
								$('#chuong_feed').html(data);
							} 
						 });
       
        })
		
		
		
	function re_feed_chuong(){
						var values='tid='+  $("#truyen_id").val();
					
						$.ajax({
							 url: "index.php?module=ajax&act=truyen&opt=chuong_upload&upload_feed_chuong_list",
							 type: "get",
							 data:values,
							 cache: false,
							success: function(data){
								$('#chuong_feed').html(data);
							} 
						 });
	}
	
	function get_chuong_data(id){
				
				var values='id='+id;
				 tinyMCE.get('chuong_content').setProgressState(true);
				$.ajax({
					 url: "index.php?module=ajax&act=truyen&opt=chuong_upload&upload_feed_chuong",
					 type: "get",
					 cache: false,
					 data:values,
     			 	success: function(data){
         			 	
								var  data = JSON.parse(data);
								 tinyMCE.get('chuong_content').setProgressState(false);
								 if(data.noidung){
									// alert(data.noidung.length);
									tinyMCE.get('chuong_content').setContent(data.noidung);
								 }
								 $('#chuong_thutu').val(data.thutu);
								$('#chuong_ten').val(data.ten);
    			  	} 
	 			 });
	
	}

</script>
        
                                  						       					

        
                
                
                </td>
                </tr>
                
                   <tr >
                  <td>Chương Truyện </td>
                <td><div id="chuong_feed">
                <select name="chuong" id="chuong"  class="form-control" >
						<option value="">Chọn Chương------</option>
                                          
					
					</select> 
			</div>
</td>
                </tr>
                
                  <tr >
                  <td>Thứ Tự </td>
                <td><input type="text" id="chuong_thutu" name="chuong_thutu"   class="form-control" onblur="change_name(this.value)" required />
                 <script>function change_name(val){$("#chuong_ten").val("Chương "+val);}</script>
                </td>
                </tr>
                     
                <tr >
                  <td>Tên Chương </td>
                 <td><input type="text" name="chuong_ten" id="chuong_ten" class="form-control" required /></td>
               
                
                  
                       <tr >
                       
                       <tr >
                  <td>Mở Khóa </td>
                 <td><input type="checkbox" name="chuong_unblock" id="chuong_unblock" >
                 <br/><small>Dùng Cho Trường Hợp Cập Nhật chương</small>
                 </td>
               
                
                  
                       <tr > 
                  <td>Content</td>
                 <td> <textarea class="form-control" placeholder="Nhập mô tả..."				id="chuong_content" rows="5"></textarea>
</td>
                </tr>
                
                        <tr >
                  <td></td>
                 <td> 
				
				 <input class="btn btn-primary"  type="submit" value="Thêm Chương Mới" name="chuongadd" id="chuongadd"  /> | <input  class="btn btn-primary" type="button" value="Cập Nhật Chương" name="chuongupdate" id="chuongupdate" /> </td>
                </tr>
				
				
                
                
                    <tr >
                  <td> <input class="btn btn-primary btn-getlink"  type="button" value="GET LINK" name="getlink" id="getlink"  /></td>
                 <td><input type="text" name="chuong_link" id="chuong_link" class="form-control"  /></td>
               
                
                  
                       <tr >
                       
                             </tbody>
            </table>

											
										</form>
				
						</div><!-- end #contentIndex -->
					</div>
					
					
				</div> <!-- End of row -->
			</div><!-- end wrap_1024 -->
            </div>
	
		
<!-- end #wrapMain -->		

	  <script>

	  $(document).ready(function(){
	  	tinymce.init({
		    selector : '#chuong_content',
	 plugins : "advlist,autolink,lists,link,image,charmap,print,preview,table,image,fullscreen,code,paste,medialink,mediaurl,picasa_blog",
		  toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image print preview media | forecolor backcolor emoticons code fullscreen,paste | medialink,mediaurl | picasa_blog",
		  height:300,	paste_auto_cleanup_on_paste : true,
		paste_strip_class_attributes:false,
		paste_remove_styles:true,
		force_p_newlines : false,
		force_br_newlines :false,
	    //  extended_valid_elements : "img[src|class|style],table[style|thead|tbody|tfoot|tr|td],div[style],p[style],ul[style],span[style],td[style],br",
	//	invalid_elements : "script,marquee,iframe,object,a" ,
	    extended_valid_elements : "table[style|thead|tbody|tfoot|tr|td|class],div[style],p[style],ul[style],span[style],td[style],br,img[src|class|style]",
		invalid_elements : "script,marquee,iframe,object,a" ,
	
		valid_child_elements : "strong/b/p/div/em/i/td[#text]",
		entity_encoding : "raw",
	    theme_advanced_resizing :true,
    	convert_urls: false
		 });


	  
	 })  
	   
	   
	    $('.btn-getlink').click(function(e){
		 var   values=$('#chuong_link').val();
		  tinyMCE.get('chuong_content').setProgressState(true);
		$.ajax({
			url : "index.php?module=ajax&act=truyen&opt=getlink",
	    		type : 'POST',
	    	
				//exit();
	    		data : {
					getlink: 1,
		    		url: values,
	    		},
		  success: function(data){
			 
			  tinyMCE.get('chuong_content').setProgressState(false);
			  var data2=tinyMCE.get('chuong_content').getContent();
			 tinyMCE.get('chuong_content').setContent(data2+data);
				
		  },
		  cache: false
	
		});
	 }) //End of getlink button click
	   
	    $('#chuongadd').click(function(e){
		    
	    	e.preventDefault();
	    	

	    	
			if($('#truyen_id').val()==''){alert('Xin vui lòng chọn truyện cần up !')
			return false;
			};
			
			if($('#truyen_thutu').val()==''){alert('Xin vui lòng nhập thứ tự chương !')
			return false;
			};
			if($('#truyen_ten').val()==''){alert('Xin vui lòng nhập  tên chương !')
			return false;
			};
			if(tinyMCE.get('chuong_content').getContent()==''){
				alert('Xin vui lòng nhập  nội dung chương !')
			return false;
			}
			
			
			
			//$(".alert").remove();
	  		$('.userPostForm').css('opacity', '0.3');
			$('.formLoading')
			.css('width', $('.userPostForm').width())
			.css('height', $('.userPostForm').height())
			.css('opacity', '1')
			.css('z-index','9999').css('display', 'block');
			$('#wrapLoadMoreItems').css('display', 'block').center();
	    	$.ajax({
	    		url : "index.php?module=ajax&act=truyen&opt=chuong_upload&upload_chuong_add",
	    		type : 'POST',
	    	
				//exit();
	    		data : {
					
					chuong_add: 1,
		    		truyen: $('#truyen_id').val(),
	    			ten: $('#chuong_ten').val(), 
	    			noidung : tinyMCE.get('chuong_content').getContent(), 
	    			thutu : $('#chuong_thutu').val(),
					
	    		},
	    		
	    		success : function(data){
					tinyMCE.get('chuong_content').setContent('');
	    			$('.formLoading').css('display', 'none');
	    			$('#wrapLoadMoreItems').css('display', 'none');
	    			$('.userPostForm').css('opacity', '1');
					re_feed_chuong();
	    			if(data){ 
		    				newData = $.parseJSON(data);
					
								if(newData.errors){
									var nerrors='';
									$.each(newData.errors, function(e, error){
										nerrors+=error;
																
									});
									
									console.log(nerrors);
									popupMessage('Thông báo lỗi ',[nerrors],'alert-danger');
								}else{
									popupMessage('Thành công', [" Đăng Chương Truyện Thành Công"], 'alert-success');
									$('#popup_message').prepend('<div class="loading" id="mainLoading"><div id="loadMoreItems" class="normalLoadBtn"><img width="20" src="public/images/loading.gif" alt="loading" /> Loading </div><div class="clr"></div></div>');
									$('#mainLoading').delay(1500).slideUp(function(){
										
									});
								}
					}
	    		}
	    	});
	    });

  $('#chuongupdate').click(function(e){
		    
	    	e.preventDefault();
	    	

	    	
			if($('#truyen_id').val()==''){alert('Xin vui lòng chọn truyện  !')
			return false;
			};
			
			if($('#chuong').val()==''){
				alert('Xin vui lòng chọn chương cập nhật !')
			return false;
			}
			
				var check=0;
			if ($('#chuong_unblock').is(":checked")) 
			{ 
				 check=1;
			}else{ 
				alert('Xin vui lòng check vào Chương Unblock để thực hiện chức năng update chương');
				return false;
			 }
			
			if($('#truyen_thutu').val()==''){alert('Xin vui lòng nhập thứ tự chương !')
			return false;
			};
			if($('#truyen_ten').val()==''){alert('Xin vui lòng nhập  tên chương !')
			return false;
			};
			if(tinyMCE.get('chuong_content').getContent()==''){
				alert('Xin vui lòng nhập  nội dung chương !')
			return false;
			}
			
			
			//$(".alert").remove();
	  		$('.userPostForm').css('opacity', '0.3');
			$('.formLoading')
			.css('width', $('.userPostForm').width())
			.css('height', $('.userPostForm').height())
			.css('opacity', '1')
			.css('z-index','9999').css('display', 'block');
			$('#wrapLoadMoreItems').css('display', 'block').center();
	    	$.ajax({
	    		url : "index.php?module=ajax&act=truyen&opt=chuong_upload&upload_chuong_update",
	    		type : 'POST',
	    	
				//exit();
	    		data : {
				
					chuong: $('#chuong').val(),
					unblock:check,
		    		truyen: $('#truyen_id').val(),
	    			ten: $('#chuong_ten').val(), 
	    			noidung : tinyMCE.get('chuong_content').getContent(), 
	    			thutu : $('#chuong_thutu').val(),
					
	    		},
	    		
	    		success : function(data){
					$("#chuong_unblock").attr('checked', false); 
	    			$('.formLoading').css('display', 'none');
	    			$('#wrapLoadMoreItems').css('display', 'none');
	    			$('.userPostForm').css('opacity', '1');
					re_feed_chuong();
	    			if(data)
					{ 			
								
								newData = $.parseJSON(data);
								if(newData.errors){
									var nerrors='';
									$.each(newData.errors, function(e, error){
										nerrors+=error;
										
										
									});
									popupMessage('Thông báo lỗi ',[nerrors],'alert-danger');
								}else{
									console.log('Không Có lỗi');
				    				popupMessage('Thành công', ["Cập Nhật chương truyện thành công"], 'alert-success');
					    			$('#popup_message').prepend('<div class="loading" id="mainLoading"><div id="loadMoreItems" class="normalLoadBtn"><img width="20" src="public/images/loading.gif" alt="loading" /> Loading </div><div class="clr"></div></div>');
					    			$('#mainLoading').delay(1500).slideUp(function(){
										//window.location.href = 'http://localhost/khodo/user/upload/text';
						    		});
								}
					
	    			}else{
						
					}
	    		}
	    	});
	    });
	 
	

</script>